<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        :root {
            --primary-color: blue;
        }

        .icon {
            width: 100px;
            height: 100px;
            background: var(--primary-color);
            -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="8" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M4 0a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2H5v2a1 1 0 1 1-2 0V5H1a1 1 0 1 1 0-2h2V1a1 1 0 0 1 1-1z" fill-rule="evenodd"/></svg>');
            mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="8" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M4 0a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2H5v2a1 1 0 1 1-2 0V5H1a1 1 0 1 1 0-2h2V1a1 1 0 0 1 1-1z" fill-rule="evenodd"/></svg>');

            /* background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"><path fill="var(--primary-color)" d="M598.699165 0h3.199231a66.544009 66.544009 0 0 1 46.068929 19.51531A60.465469 60.465469 0 0 1 666.522866 63.984624a56.626392 56.626392 0 0 1 0 7.678155c0 2.239462 0 4.798847-1.599615 7.358231l-60.785393 301.687501h193.553487a67.503778 67.503778 0 0 1 34.87162 9.597694 60.465469 60.465469 0 0 1 24.63408 25.273926 63.984624 63.984624 0 0 1 6.718385 34.231774 68.463547 68.463547 0 0 1-11.837155 31.992311L476.488534 997.840207a76.461625 76.461625 0 0 1-23.034465 19.51531 61.745162 61.745162 0 0 1-28.153234 6.398462 100.775782 100.775782 0 0 1-14.076617 0 39.350544 39.350544 0 0 1-13.116848-4.159 63.984624 63.984624 0 0 1-31.992312-28.473158 57.586161 57.586161 0 0 1-7.358232-41.590005l61.745162-343.59743H226.948501A67.503778 67.503778 0 0 1 192.076882 594.417154a59.5057 59.5057 0 0 1-24.634081-25.593849A61.745162 61.745162 0 0 1 160.08457 534.911454a67.183855 67.183855 0 0 1 11.837155-31.992312L547.511466 27.193465l1.599616-2.239462 1.599615-1.919538a35.191543 35.191543 0 0 1 6.718386-7.038309l7.998078-5.11877a47.348622 47.348622 0 0 1 12.796925-7.358232 71.982702 71.982702 0 0 1 15.356309-3.519154h5.11877z"/></svg>'); */

        }
    </style>
</head>

<body>

    <div class="icon"></div>
</body>

</html>